<template>
	<div>
		<!-- cellspacing="10px" -->
		<table cellpadding="10px">
			<thead>
				<tr>
					<th>aaa</th>
					<th>aaa</th>
					<th>aaa</th>
					<th>aaa</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1.</td>
					<td>aaa</td>
					<td>aaa</td>
					<td>aaa</td>
				</tr>
				<tr>
					<td>2.</td>
					<td>aaa</td>
					<td>aaa</td>
					<td>aaa</td>
				</tr>
			</tbody>
		</table>
		<table border="1">
			<!-- <caption>表格的标题<caption> -->
			<!-- span="2" style="color: #eee" -->
			<colgroup>
				<col width="100px" style="background-color: #eee; border: 1px solid red" />
				<col width="50px" />
				<col width="80px" />
			</colgroup>
			<!-- <colgroup span="2" align="right"></colgroup>
      <colgroup align="right" style="color:#ffffff;"></colgroup> -->
			<thead>
				<tr>
					<th>ISBN</th>
					<th>Title</th>
					<th>Price</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>3476896</td>
					<td>My first HTML</td>
					<td>$53</td>
				</tr>
				<tr>
					<td>2489604</td>
					<td>My first CSS</td>
					<td>$47</td>
				</tr>
			</tbody>
		</table>
	</div>
</template>

<script>
	export default {}
</script>

<style lang="scss" scoped>
	@import './index';
</style>
